<template>
  <div class="details_navbarBox">
    <NavBar title="宠物详情" :routerLink="routeTarget">
      <div class="navbar_right">
        <svg class="jingzhunsousuo_icon" aria-hidden="true">
          <use xlink:href="#icon-fenxi"></use>
        </svg>
      </div>
    </NavBar>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar/NavBar";
export default {
  name: "PetDetailNavbar",
  props: {
    routeTarget: {
      type: String,
      default: "/petTable",
    },
  },
  components: { NavBar },
};
</script>

<style scoped>
.details_navbarBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.6rem;
  z-index: 9;
}
.navbar_right {
  display: flex;
  align-items: center;
}
.jingzhunsousuo_icon {
  width: 1.8rem;
  height: 1.5rem;
  fill: currentColor;
  overflow: hidden;
}
</style>
